{include file="common/header" title="$title" keywords="开源WEB开发框架" /}

<div class="page-group">
    <div id="page-infinite-scroll-bottom" class="page page-current">
        <!-- 你的html代码 -->
        <!-- 标题栏 -->
        <header class="bar bar-nav">
            <a class="icon icon-me pull-left open-panel"></a>
            <h1 class="title">{$data.realname}</h1>
        </header>
        <!-- 这里是页面内容区 -->
        <!-- 添加 class infinite-scroll 和 data-distance  向下无限滚动可不加infinite-scroll-bottom类，这里加上是为了和下面的向上无限滚动区分-->
        <div class="content" data-distance="100">

            <!-- 这里是页面内容区列表 -->
            <div class="bar">
                <div class="searchbar">
                    <a class="searchbar-cancel">取消</a>
                    <div class="search-input">
                        <label class="icon icon-search" for="search"></label>
                        <input type="search" id='search' placeholder='输入关键字...'/>
                    </div>
                </div>
            </div>
            <div class=" bar bar-header-secondary">
                <a href="{:url('report/create')}" class="button button-fill button-success" id="new-report">新建</a>
            </div>
        </div>
        <div class="content infinite-scroll native-scroll" data-distance="100">
            <div class="list-block">
                <ul class="list-container">
                    <li class="item-content"><div class="item-inner"><div class="item-title">条目</div></div></li>
                    <li class="item-content"><div class="item-inner"><div class="item-title">条目</div></div></li>
                    <li class="item-content"><div class="item-inner"><div class="item-title">条目</div></div></li>
                    <li class="item-content"><div class="item-inner"><div class="item-title">条目</div></div></li>
                    <li class="item-content"><div class="item-inner"><div class="item-title">条目</div></div></li>
                    <li class="item-content"><div class="item-inner"><div class="item-title">条目</div></div></li>
                    <li class="item-content"><div class="item-inner"><div class="item-title">条目</div></div></li>
                    <li class="item-content"><div class="item-inner"><div class="item-title">条目</div></div></li>
                    <li class="item-content"><div class="item-inner"><div class="item-title">条目</div></div></li>
                    <li class="item-content"><div class="item-inner"><div class="item-title">条目</div></div></li>
                    <li class="item-content"><div class="item-inner"><div class="item-title">条目</div></div></li>
                    <li class="item-content"><div class="item-inner"><div class="item-title">条目</div></div></li>
                    <li class="item-content"><div class="item-inner"><div class="item-title">条目</div></div></li>
                    <li class="item-content"><div class="item-inner"><div class="item-title">条目</div></div></li>
                </ul>
            </div>
            <!-- 加载提示符 -->
            <div class="infinite-scroll-preloader">
                <div class="preloader">
                </div>
            </div>
        </div>
    </div>
</div>

{include file="/common/footer" /}

<script type='text/javascript' src='__JS__report.js__VERSION__' charset='utf-8'></script>


